 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/inc/taglib.inc"%>
<%@ include file="/WEB-INF/inc/script.inc"%>


<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="${base}">
<title>中金通 | 订单录入</title>

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">

<!-- FooTable -->
<!-- <link href="css/plugins/footable/footable.core.css" rel="stylesheet"> -->
<!-- Data Tables -->
<link href="css/plugins/dataTables/dataTables.bootstrap.css"
	rel="stylesheet">
<link href="css/plugins/dataTables/dataTables.responsive.css"
	rel="stylesheet">
<link href="css/plugins/dataTables/dataTables.tableTools.min.css"
	rel="stylesheet">
<link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="js/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet">
   <style>
  		.input-group  .form-control[readonly]{
			background-color: #fff;
			opacity: 1;
		}
		span.input-group-btn {
		    vertical-align: -webkit-baseline-middle;
		}
    </style>
</head>

<body>

	<div id="wrapper">

		<!-- 左侧菜单 -->
		<jsp:include page="/WEB-INF/jsp/common/main-menu.jsp"></jsp:include>
		<div id="page-wrapper" class="gray-bg">
			<div class="row border-bottom">
				<!-- 头部工具栏区 -->
				<jsp:include page="/WEB-INF/jsp/common/main-header.jsp"></jsp:include>
			</div>
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-10">
					<h2>销售管理</h2>
					<ol class="breadcrumb">
						<li><a href="common/platform">Home</a></li>
						<li><a href="orders/list">订单管理</a></li>
						<li class="active"><strong>线下订单录入</strong></li>
					</ol>
				</div>
				<div class="col-lg-2"></div>
			</div>
			<div class="row" style="margin-top: 10px;">
				<div class="col-md-12">
					<div class="tabs-container">
					<ul class="nav nav-tabs">
                            <li >
								<a href="orders/list">
									 订单列表
								</a>
							</li>
							<li class="active">
								<a href="orders/entering">
									 线下订单录入
								</a>
							</li>
                        </ul>
						<div class="tab-content">
							<div class="tab-pane active">
								<div class="panel-body">
									<div class="wrapper wrapper-content animated fadeInRight ecommerce">
									<!-- <div class="row">
										<div style="margin-left: 3.33333333%">
											<div class="form-group">
												<button type="button" class="btn btn-primary" id="addVisit">添加联系记录</button>
											</div>
										</div>
									</div> -->
									<form action="orders/doAdd" method="post" id="addForm"
												enctype="multipart/form-data" 
												class="form-horizontal">
			                            <div class="row">
			                            	<div class="col-sm-6">
												<div class="form-group">
													<label class="col-sm-2 control-label"><font
														color="red">*&nbsp;&nbsp;</font>产品:</label>
													<div class="col-sm-6 col-sm-offset-2">
														<input type="text" id="productSearch" name="productSearch"
															placeholder="产品简称、代码" class="ui-autocomplete-input form-control" autocomplete="off" 
															value="">
														<input type="text" name="productId" id="productId"
															class="ui-autocomplete-input form-control" autocomplete="off" style="display:none;"
															value="">
													</div>
												</div>
			                                </div>
											<div class="col-sm-6">
												<div class="form-group">
													<label class="col-sm-2 control-label"><font
														color="red">*&nbsp;&nbsp;</font>收益档次:</label>
													<div class="col-sm-6 col-sm-offset-2">
														<select id="grade" name="gradeId" 
															class="form-control m-b" tabindex="2">
															<option value="" selected="selected">无</option>
														</select>
													</div>
													</div>
												</div>
			                                </div>
			                            <div class="row">
			                            	<div class="col-sm-6">
												<div class="form-group">
													<label class="col-sm-2 control-label"><font
														color="red">*&nbsp;&nbsp;</font>投资人:</label>
													<div class="col-sm-6 col-sm-offset-2">
														
															<div class="input-group"><input type="text" id="investorSearch" name="investorSearch" placeholder="请输入投资人姓名、联系电话" class="ui-autocomplete-input form-control" autocomplete="off"></input>
														<input type="text" name="investorId" id="investorId"
															class="ui-autocomplete-input form-control" autocomplete="off" style="display:none;"
															value=""></input> <span class="input-group-btn"> <button type="button" id="addInvestor" class="btn btn-primary">新增
                                        					</button> </span></div>
													</div>
												</div>
			                                </div>
			                                <div class="col-sm-6">
												<div class="form-group">
													<label class="col-sm-2 control-label"><font
														color="red">*&nbsp;&nbsp;</font>理财师:</label>
													<div class="col-sm-6 col-sm-offset-2">
														<input type="text" id="employeeNoSearch" name="employeeNoSearch" readonly placeholder="请输入理财师姓名、工号" class="ui-autocomplete-input form-control" autocomplete="off"></input>
														<input type="text" id="employeeId" name="employeeId" style="display:none;" class="ui-autocomplete-input form-control" autocomplete="off"></input>
													</div>
												</div>
			                                </div>
										</div>
			                            <div class="row">
			                            	<div class="col-sm-6">
												<div class="form-group">
													<label class="col-sm-2 control-label">联系电话:</label>
													<div class="col-sm-6 col-sm-offset-2">
														<input type="text" id="mobile" name="mobile"
															class="form-control" readonly placeholder="联系电话"
															value="">
													</div>
												</div>
			                                </div>
			                                 <div class="col-sm-6">
												<div class="form-group">
													<label class="col-sm-2 control-label"><font
														color="red">*&nbsp;&nbsp;</font>开户名:</label>
													<div class="col-sm-6 col-sm-offset-2">
														<input type="text" id="bankDeposit" name="bankName"
															class="form-control" placeholder="开户名" readonly
															value="">
													</div>
												</div>
			                                </div>
										</div>
			                            <div class="row">
			                            	<div class="col-sm-6">
												<div class="form-group">
													<label class="col-sm-2 control-label"><font
														color="red">*&nbsp;&nbsp;</font>开户行:</label>
													<div class="col-sm-6 col-sm-offset-2">
														<input type="text" name="bankDeposit"
															class="form-control" placeholder="开户行"
															value="">
													</div>
												</div>
			                                </div>
			                            	<div class="col-sm-6">
												<div class="form-group">
													<label class="col-sm-2 control-label"><font
														color="red">*&nbsp;&nbsp;</font>银行卡号:</label>
													<div class="col-sm-6 col-sm-offset-2">
														<input type="text" name="bankAccount"
															class="form-control" placeholder="银行卡号"
															value="">
													</div>
												</div>
			                                </div>
										</div>
										<div class="row">
											<div class="col-sm-6">
												<div class="form-group">
													<label class="col-sm-2 control-label"><font
														color="red">*&nbsp;&nbsp;</font>认购金额(元):</label>
													<div class="col-sm-6 col-sm-offset-2">
														<input type="text" name="orderAmout"
															class="form-control" placeholder="认购金额"
															value="">
													</div>
												</div>
			                                </div>
			                                <div class="col-sm-6">
												<div class="form-group">
													<label class="col-sm-2 control-label"><font
														color="red">*&nbsp;&nbsp;</font>合同编号:</label>
													<div class="col-sm-6 col-sm-offset-2">
														<input type="text" id="contactNum" name="contactNum"
															class="form-control" placeholder="合同编号"
															value="">
													</div>
												</div>
			                                </div>
										</div>
			                            <div class="row">
			                            	<div class="col-sm-6">
												<div class="form-group">
													<label class="col-sm-2 control-label"><font
														color="red">*&nbsp;&nbsp;</font>下单时间:</label>
													<div class="col-sm-6 col-sm-offset-2">
														<div class="input-group date">
																<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
																<input name="orderTime" id="orderTime"
																placeholder="下单时间" type="text" class="form-control" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" value="" readonly="readonly">
																<!-- <input type="text" id="clockpicker" class="form-control col-sm-4" value="09:30" > -->
														</div>
							                                
							                                <!-- <span class="input-group-addon">
							                                    <span class="fa fa-clock-o"></span>
							                                </span> -->
													</div>
												</div>
			                                </div>
			                            	<div class="col-sm-6">
												<div class="form-group">
													<label class="col-sm-2 control-label"><font
														color="red">*&nbsp;&nbsp;</font>支付时间:</label>
													<div class="col-sm-6 col-sm-offset-2">
														<div class="input-group date">
															<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
															<input name="payTime" id="payTime"
																placeholder="支付时间" type="text" class="form-control" value="" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" readonly="readonly">
														</div>
													</div>
												</div>
			                                </div>
										</div>
										<div class="row">
											<div class="col-sm-6">
												<div class="form-group">
													<label class="col-sm-2 control-label"><font
														color="red">*&nbsp;&nbsp;</font>合同:</label>
													<div class="col-sm-6 col-sm-offset-2">
														<input class="btn btn-outline btn-primary" type="file"
																	name="paySignUser" accept=".pdf">
													</div>
												</div>
			                                </div>
											<div class="col-sm-6">
												<div class="form-group">
													<label class="col-sm-2 control-label"><font
														color="red">*&nbsp;&nbsp;</font>投资人身份证:</label>
													<div class="col-sm-6 col-sm-offset-2">
														正面
														<input class="btn btn-outline btn-primary" type="file"
															name="idcardFront" accept=".jpg,.jpeg,.png,.bmp">
															反面
														<input class="btn btn-outline btn-primary" type="file"
														name="idcardBack" accept=".jpg,.jpeg,.png,.bmp">
													</div>
												</div>
			                                </div>
			                            </div>
			                            <div class="row">
											<div class="col-sm-6">
												<div class="form-group">
													<label class="col-sm-2 control-label">&nbsp;&nbsp;&nbsp;</font>银行卡:</label>
													<div class="col-sm-6 col-sm-offset-2">
														<input class="btn btn-outline btn-primary" type="file"
																	name="bankCard" accept=".jpg,.jpeg,.png,.bmp">
													</div>
												</div>
			                                </div>
			                            </div>
										<div class="hr-line-dashed"></div>
		                              	<div class="form-group">
		                                  <div class="col-sm-4 col-sm-offset-5">
		                                      <button class="btn btn-white" type="reset" id="cancleAbout">取 消</button>
		                                      <button class="btn btn-primary" id="submitOrder" type="submit">保 存</button>
		                                  </div>
		                              	</div>
									</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 底部版权 -->
			<jsp:include page="/WEB-INF/jsp/common/main-footer.jsp"></jsp:include>
		</div>
	</div>
	<!-- Mainly scripts -->
	<script src="js/jquery-2.1.1.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="js/plugins/jeditable/jquery.jeditable.js"></script>
	<script src="js/jquery.serialize-object.min.js" type="text/javascript"></script>
	<script src="js/plugins/jquery-ui/jquery-ui.min.js"></script>
	<script src="js/plugins/validate/jquery.validate.min.js" type="text/javascript"></script>
	<script src="js/plugins/validate/jquery.validate.messages-zh_CN.js" type="text/javascript"></script>

	<!-- Custom and plugin javascript -->
	<script src="js/inspinia.js"></script>
	<script src="js/plugins/pace/pace.min.js"></script>
	<script src="js/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>

	<!-- Page-Level Scripts -->
	<!-- Data picker -->
	<script src="js/laydate-master/laydate.js"></script>
	<!-- Clock picker -->
	<script src="js/jquery.tmpl.min.js"></script>
	<script src="js/ajaxfileupload.js"></script>
	<script src="js/jquery.form.js"></script>
 	<script src="js/orders/orders-entering.js?v=${jsVersion}"></script>
	<script>
		$(document).ready(function() {
			OrdersEnteringModule.init();
			laydate.skin("molv");
			//新加功能
			//任意点击时关闭该控件
			/* document.onclick=function(e){
				console.log($(window.event.srcElement));
				with(window.event.srcElement){
					if(calendarDiv == false){
						return ;
					}
					if(calendarDiv.style.display == "none"){
						return ;
					}
					if (id != "orderTime" && id != "payTime" && $(window.event.srcElement).parents('#calendarDiv').length == 0){
						pickDate(false,inputDay);
						closeCalendar();
					}
				}
			}
			//按ESC键关闭该控件
			document.onkeydown=function(e){
				if( e.keyCode == 27 ){
					if(calendarDiv.style.display == "none"){
						return ;
					}
					closeCalendar();
				}
			} */
			
		});
	</script>

</body>

</html>
